{{> header}}
<h1>Welcome to test the RestDemo</h1>
<form>
    汽车编号<input type="text" name="id"/><br>
    汽车名称<input type="text" name="veName"><br>
    汽车描述<input type="text" name="description"><br>
    <input type="submit"  value="注册">
</form>

<script src="/restDemo/js/JQuery.js"></script>
<script type="text/javascript">
    //获取表单的请求
    $("form").submit(function () {
        //构造请求体
        let formObj = {};
        //响应的JSON数组
        let formArray = $("form").serializeArray(); //序列化表单元素（类似 .serialize () 方法 ），返回 JSON 数据结构数据。. 注意： 此方法返回的是 JSON 对象而非 JSON 字符串
        $.each(formArray,function (i,item) {
            formObj[item.name] = item.value;
        });
        //使用AJAX，创建POST请求,访问8888/article
        $.ajax({
            type: 'POST',
            url: "/restDemo/api/vehicle/",
            data: JSON.stringify(formObj), //将一个 JavaScript 对象或值转换为 JSON 字符串；JSON字符串，不是JSON对象
            contentType: 'application/json',
            success: function () {
                alert(data);
            }
        })
    })
</script>
{{> footer}}